<template>
	<view class="g-pina-demo">
		{{counterStore.count}}
		<PiniaA></PiniaA>
		<button @click="onDetail">详情页</button>
	</view>
</template>

<script setup>
	import PiniaA from '../../components/PiniaA.vue'
	import {useCounterStore} from '../../stores/counter.js'
	const counterStore = useCounterStore()
	
	const onDetail = ()=>{
		uni.navigateTo({
			url:'../detail/detail'
		})
	}
</script>

<style scoped>
.g-pina-demo{
	width: 100%;
	height: 100vh;
	background-color: azure;
}
</style>
